<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		div{
			width: 100px;
			height: 100px;
			margin:180px;
			border-left:5px solid red;
			border-top: 5px solid blue;
			border-right: 5px solid pink;
			border-bottom: 5px solid green;

			/*transform: rotateY(180deg);*/
			transform: skew(-30deg,-30deg);
		}

	</style>
</head>
<body>
	<div></div>
</body>
</html>